.triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent red transparent transparent;
  display: none;
}

.setting-header{
    height: 40px;
}

.setting-box{
  padding-top: 22px;
}

ul.theme-wrap{
    // margin: 40px 0 0;

  li.theme-item {
    box-sizing: border-box;
    width: 176px;
    height: 114px;
    margin: 60px 20px;
    border-radius: 8px;
  cursor: pointer;
    .triangle{
      float: right;
    }

    &:hover, &.active {
      border: 3px solid red;
    }

    &.active {

      .triangle{
        display: block;
      }
    }


  }

}


